<template>
  <view class="news-detail">
    <view class="news-title">{{ news.title }}</view>
    <view class="news-image">
      <img :src="news.image" alt="资讯图片"/>
    </view>
    <view class="news-content">
      <!-- 在这里展示更多资讯内容 -->
      <view class="section-description">这里是资讯内容的详细描述...</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 资讯详情
      news: {}
    };
  },
  onLoad(query) {
    // 获取路由传递过来的资讯数据
    if (query.news) {
      this.news = JSON.parse(query.news);
    }
  }
};
</script>

<style scoped>
.news-detail {
  padding: 30rpx;
}

.news-title {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
}

.news-image img {
  width: 100%;
  height: auto;
  border-radius: 10rpx;
  margin-top: 20rpx;
}

.news-content {
  margin-top: 20rpx;
}

.section-description {
  font-size: 28rpx;
  color: #666;
  margin-top: 20rpx;
}
</style>
